<template>
	<el-container>
		<el-header style="display: unset;">
			<div style="text-align: center">
				<span style="font-size: 20px;font-weight: 600">
					{{formFields.formTitle}}
				</span>
				<span style="margin-left: 20px;">
					[{{formFields.tableName}}]
				</span>
			</div>
		</el-header>
		<el-main class="nopadding">
			<scTable ref="table" :data="formFields.fieldsInfo" row-key="formId" stripe remoteSort>
				<el-table-column label="#" type="index" width="50"></el-table-column>
				<el-table-column label="字段标题" prop="remark" width="200"></el-table-column>
				<el-table-column label="字段名称" prop="columnName" width="100"></el-table-column>
				<el-table-column label="字段类型" prop="columnType" width="100"></el-table-column>
				<el-table-column label="数据类型" prop="dataType" width="100"></el-table-column>
			</scTable>
		</el-main>
	</el-container>
</template>
<script>

export default {
	name: 'bpm from',
	components: {
	},
	data() {
		return {
			formId:this.$route.query.formId,
			formFields:{
				formTitle:'',
				tableName:'',
				fieldsInfo:[]
			}
		}
	},
	mounted() {
		this.getBpmFormTableFields();
	},
	methods: {
		async getBpmFormTableFields()
		{
			var res = await this.$API.bpm.bpmForm.getBpmFormTableFields.get({formId: this.formId});
			if (res.code == 200) {
				this.formFields = res.data;
				console.log(this.formFields);
			} else {
				this.$alert(res.message, "提示", {type: 'error'})
			}
		}
	}
}
</script>

<style>
</style>
